<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition>
	<div class="col-sm-2">
		<h2>#{text['aulaForm.heading']}</h2>
		<h:outputText value="#{text['aulaForm.message']}"/>
	</div>
	<p:tabView effect="slide" effectDuration="normal" dynamic="true">
	
		<p:tab title="Aula">
	  		<div class="col-sm-7">
	      		<h:form id="aulaForm" styleClass="well" autocomplete="off">
	     
	          		<div class="form-group">
	              		<h:outputLabel styleClass="control-label" for="nombre" value="#{text['aula.nombre']}"/>
	              		<h:inputText styleClass="form-control" value="#{aulaAction.aula.nombre}" id="nombre" required="true"/>
	              		<p:message for="nombre" />
	          		</div>
	          
	          		<div class="form-group">
	              		<h:outputLabel styleClass="control-label" for="ubicacion" value="#{text['aula.ubicacion']}"/>
	              		<h:inputText styleClass="form-control" value="#{aulaAction.aula.ubicacion}" id="ubicacion"/>
	              		<p:message for="ubicacion"/>
	          		</div>
	
	          		<div class="form-group form-actions">
	              		<h:commandButton value="#{text['button.save']}" action="#{aulaAction.save}" styleClass="btn btn-primary"/>
	              		<h:commandButton value="#{text['button.delete']}" action="#{aulaAction.delete}" styleClass="btn btn-default" rendered="#{! empty aulaAction.aula.id}"/>
	              		<h:commandButton value="#{text['button.cancel']}" action="#{aulaAction.cancel}" immediate="true" styleClass="btn btn-default"/>
	          		</div>
	      		</h:form>
	  		</div>
		</p:tab>
		
		<p:tab title="Educadoras">
			bla bla bla
		</p:tab>
		
		<p:tab title="Alumnos">
			bla bla bla
		</p:tab>
		
	</p:tabView>
</ui:composition>
</html>
